@import 'dev/variables.less';

#windy-plugin-examples {
    font-size: 12px;
    padding: 0.5em 0.7em;
    line-height: 2;
    z-index: 100;
    position: absolute;
    border:1px solid black;
    border-radius:5px;
    background-color: rgba(0,0,0,0.4);
    width: 300px;
    height: 300px;
    margin-left: -10px;

    // Closing-x is by default hidden
    .closing-x {
        display: block;
        top: 0px;
    }

    /*
		On mobile devices plugin will be inserted into #plugins
		and will be fixed on a page

		.mobile() is handy less function replacing complex media query
	*/
    .mobile(
        {display: block; left: 0; top: 0; right: 0; width: ~'calc(100% - 20px)'
            ; margin: 10px;}
    );
}
